.app_router {
  min-height: calc(100vh - 64px);
}
.el-message {
  z-index: 5000 !important;
}

:root {
  /* a标签和button按钮移入上去时改变的颜色 */
  --a-button-hover-color: #0dce9e;
  /* 进度条的颜色 #79b8ff #0969da */
  --progress-background-color: #79b8ff;
  /* 默认蓝色 */
  --main--text--color: #359eff;
  /* 阴影 */
  --main-box--shadow: 0 4px 12px rgb(0 0 0 / 8%), 0 0 1px rgb(1 0 0 / 10%);
  /* 下划线颜色 */
  --main-border-bottom: 1px solid #f3f3f3;
}

::-ms-clear,
::-ms-reveal {
  display: none;
}

#nprogress .bar {
  background: var(--progress-background-color) !important;
  height: 2px !important;
}

ul {
  margin-bottom: 0 !important;
}
ol {
  list-style-type: decimal !important;
}

a {
  text-decoration: none;
  color: inherit;
}

/* 调整滚动条样式 */
/* 滚动条整体 */
html::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
/* 滚动条滚轮部分 */
html::-webkit-scrollbar-thumb {
  background: #abb8c3;
  border-radius: 6px;
}

/* 替换鼠标指针 */
html,
body {
  cursor: url("../mouse/x1.cur"), auto;
}

/* 可点击标签时,替换指针 */
a,
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: url("../mouse/x2.cur"), auto !important;
}

body > .el-loading-mask {
  z-index: 3000 !important;
  font-size: 30px;
  .circular {
    color: #797979 !important;
  }
  .el-loading-spinner {
    top: 40%;
    .el-icon-loading {
      color: #797979 !important;
    }
  }
  .el-loading-text {
    color: #232323 !important;
    font-size: 20px;
  }
}

#app {
  font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", Helvetica,
    "Helvetica Neue", "微软雅黑", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

* {
  touch-action: pan-y;
}

/* 修改编辑器默认样式 */

/* 包裹代码的容器 */
.hljs {
  padding: 12px 18px;
  border-radius: 8px;
  overflow-y: hidden !important;
}
/* 包裹代码的容器的容器 */
.markdown-body .highlight pre,
.markdown-body pre {
  padding: 0 !important;
}
/* 包裹code代码 */
.lang-js {
  font-size: 16px !important;
}
/* 显示区的文字大小 */
.v-note-show {
  font-size: 18px !important;
}
.markdown-body blockquote {
  border-left: 4px solid #42b983 !important;
  padding: 10px 15px !important;
  color: #777 !important;
  background-color: rgba(66, 185, 131, 0.1) !important;
}
.markdown-body .task-list-item input {
  margin: 0 !important;
}
.v-show-content {
  img {
    cursor: zoom-in;
  }
}

// 代码块追加行号
pre {
  position: relative;
  .hljs {
    position: relative;
    border-radius: 3px;
    border: 1px solid #c3ccd0;
    overflow: hidden;
    padding-left: 60px !important;
    /* 调整滚动条样式 */
    /* 滚动条整体 */
    &::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }
    /* 滚动条滚轮部分 */
    &::-webkit-scrollbar-thumb {
      background: #abb8c3;
      border-radius: 6px;
    }
  }
  code {
    line-height: 30px !important;
  }
  ol.pre-numbering {
    position: absolute;
    top: 0;
    left: 5px;
    line-height: 30px;
    padding: 16px 0;
    list-style-type: none;
    counter-reset: sectioncounter;
    margin-bottom: 0;
    li {
      margin-top: 0 !important;
      &:before {
        content: counter(sectioncounter) "";
        counter-increment: sectioncounter;
        display: inline-block;
        width: 40px;
        text-align: center;
        border-right: solid 1px rgba(0, 0, 0, 0.53);
        // border-right: solid 1px #fff;
      }
    }
  }
  i.code-copy {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #464d5e;
    padding: 3px;
    margin: 3px 3px 0 0;
    font-size: 11px;
    border-radius: inherit;
    color: #f1f1f1;
    cursor: pointer;
  }
}
